.main-container {
    min-height: 100%;
    transition: margin-left .28s;
    margin-left: 210px;
}
.sidebar-container {
    transition: width 0.28s;
    width: 210px !important;
    height: 100%;
    position: fixed;
    font-size: 0px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow: hidden;
}

.sidebar-container .el-menu {
    border: none;
    height: 100%;
    width: 100% !important;
}

.hideSidebar .sidebar-container {
    width: 50px !important;
}
.hideSidebar .main-container {
    margin-left: 50px;
}
.hideSidebar .submenu-title-noDropdown {
    height: 50px !important;
    padding-left: 5px !important;
    position: relative;
}
.hideSidebar .submenu-title-noDropdown{
  &>.el-tooltip {
    padding: 0 15px !important;
  }
}
.hideSidebar .el-submenu {
    overflow: hidden;
}
.hideSidebar .el-submenu > .el-submenu__title {
    padding-left: 15px !important;
}
.hideSidebar .el-submenu .el-submenu__title .el-submenu__icon-arrow {
    display: none;
}

.hideSidebar .el-menu--collapse .el-submenu >.el-submenu__title >span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
}
.el-submenu__title {
    height: 50px !important;
}
.menu-wrapper .submenu-title-noDropdown{
    height: 50px !important;
}
.el-submenu__title i {
    color: #fff !important;
}
.submenu-title-noDropdown i {
    color: #fff !important;
}